<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>视频采集在线观看工具</title>
    <meta name="keywords"
          content="2019最新电影，2019最。2019电影排名，好看的电视剧,好看的电影，新电视剧，好看的电影，免费电影，伦理电影，伦理片，电影网站，电影在线观看，天天美剧,美剧天堂,美剧汇,人人美剧">
    <meta name="description"
          content="最全的最新电视剧，2018最新电影，韩国电视剧、香港TVB电视剧、日本动漫、日剧、美剧、综艺的在线观看和剧集交流场所，西瓜影音在线观看高清电影，每天第一时间更新，放送好看的迅雷电影下载。">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="referrer" content="no-referrer"/>
    <link rel="stylesheet" href="/static/css/element.css">
    <link rel="stylesheet" href="/static/css/style.css">
    <script src="/static/js/common/vue.js"></script>
    <script src="/static/js/common/axios.js"></script>
    <script src="/static/js/common/element.js"></script>
    <script src="/static/js/common/qs.js"></script>
    <script src="/static/js/common/request.js"></script>
    <script src="/static/js/common/jquery.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="shortcut icon" href="/static/default/images/ico.png" type="image/x-icon"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-font-v=2.2.css" type="text/css"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-ui-v=2.2.css" type="text/css"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-site-v=2.2.css" type="text/css"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color-v=2.2.css" type="text/css" name="default"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color1-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color1-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color2-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color3-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color4-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <script type="text/javascript" src="/static/default/images/jquery.min-v=3.3.1.js"></script>
    <script type="text/javascript" src="/static/default/images/layer-v3.1.1.js"></script>
    <script type="text/javascript" src="/static/default/images/mytheme-site-v=2.2.js"></script>
    <script type="text/javascript" src="/static/default/images/mytheme-ui-v=2.2.js"></script>
    <script type="text/javascript" src="/static/default/images/mytheme-cms-v=2.2.js"></script>
    <!--    <script type="text/javascript" src="/static/default/images/home.js"></script>-->
    <style>
        .form100, .form100 > div {
            width: 100%;
        }
    </style>
</head>
<body>
<div id="app" v-cloak>

    <header class="myui-header__top clearfix" id="header-top">
        <div class="container">
            <div class="row">
                <div class="myui-header_bd clearfix">
                    <div class="myui-header__logo">
                        <a class="logo" href="/">
                            <img class="img-responsive hidden-xs" src="/static/default/images/logo.png"
                                 style="width: 100px; height: 38px;margin-top: 11px;"/>
                            <img class="img-responsive visible-xs" src="/static/default/images/logo.png"
                                 style="width: 66px; height: 29px; margin-top: 18px;"/>
                        </a>
                    </div>
                    <ul class="myui-header__menu nav-menu">
                        <template v-for="item in navbar.nav">
                            <li class=" active hidden-sm hidden-xs">
                                <a :href="item.link">[[item.title]]</a>
                            </li>
                        </template>
                        <li class="dropdown-hover">
                            <a href="javascript:;">线路 <i class="fa fa-angle-down"></i></a>
                            <div class="dropdown-box bottom fadeInDown clearfix" style="margin-left: -80px;">
                                <ul class="item nav-list clearfix">
                                    <li class="col-lg-5 col-md-5 col-sm-5 col-xs-3">
                                        <a :class="['btn', 'btn-sm', 'btn-block', line == 1?'btn-warm':'btn-']"
                                           href="javascript:;" @click="lineClick(1)">线路1</a>
                                    </li>
                                    <li class="col-lg-5 col-md-5 col-sm-5 col-xs-3">
                                        <a :class="['btn', 'btn-sm', 'btn-block', line == 2?'btn-warm':'btn-']"
                                           href="javascript:;" @click="lineClick(1)">线路2</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="dropdown-hover">
                            <a href="javascript:;">频道 <i class="fa fa-angle-down"></i></a>
                            <div class="dropdown-box bottom fadeInDown clearfix">
                                <ul class="item nav-list clearfix">
                                    <template v-for="(item,index) in navbar.bar">
                                        <li class="col-lg-5 col-md-5 col-sm-5 col-xs-3">
                                            <template v-if="index == 0">
                                                <a class="btn btn-sm btn-block btn-warm" :href="item.link">[[item.title]]</a>
                                            </template>
                                            <template v-else>
                                                <a class="btn btn-sm btn-block btn-"
                                                   :href="item.link">[[item.title]]</a>
                                            </template>
                                        </li>
                                    </template>
                                </ul>
                            </div>
                        </li>
                        <li class="dropdown-hover">
                            <a href="javascript:;" @click="goDoubanClick">豆瓣</a>
                        </li>
                        <li class="dropdown-hover">
                            <a href="javascript:;" @click="goToolClick">工具</a>
                        </li>
                    </ul>

                    <div class="myui-header__search search-box">
                        <a class="search-select dropdown-hover" href="javascript:;">
                            <span class="text">站内</span> <i class="fa fa-caret-down"></i>
                            <div class="dropdown-box bottom fadeInDown">
                                <ul class="item">
                                    <li class="btn btn-sm btn-block btn-warm" @click="inoutClick(1)"
                                        style="margin-bottom: 5px;">站内
                                    </li>
                                    <li class="btn btn-sm btn-block btn-" @click="inoutClick(2)">站外</li>
                                </ul>
                            </div>
                        </a>


                        <input type="text"
                               id="wd"
                               name="searchword"
                               class="search_wd form-control"
                               value=""
                               placeholder="输入影片关键词..."
                               autocomplete="off"
                               style="padding-left: 72px;"
                               v-model="formSearch"
                               @keyup.enter="searchClick(formSearch)"
                        />
                        <button
                                class="submit search_submit"
                                id="searchbutton"
                                type="button"
                                @click="searchClick(formSearch)"
                        >
                            <i class="fa fa-search"></i>
                        </button>

                        <div id="word" class="autocomplete-suggestions active hidden-xs" style="display: none;"></div>
                        <a class="search-close visible-xs" href="javascript:;"><i class="fa fa-close"></i></a>
                    </div>
                    <ul class="myui-header__user">
                        <li class="visible-xs">
                            <a class="open-search" href="javascript:;"><i class="fa fa-search"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>


    <div class="container">
        <div class="row">
            <div class="myui-panel myui-panel-bg clearfix">
                <div class="myui-panel-box clearfix">
                    <div class="myui-panel_bd clearfix">
                        <div class="col-lg-wide-75 col-md-wide-75 col-sm-wide-75 col-xs-1 padding-0">

                            <el-link type="success">&nbsp;&nbsp;&nbsp;&nbsp;将主流网站，如腾讯、爱奇艺、优酷等网站上的播放视频页的 url
                                链接复制在下方的输入框呢，然后选择接口，点击播放即可
                            </el-link>
                            <el-form :inline="true" :model="formCopyLink" size="mini">
                                <el-form-item class="form100">
                                    <el-input v-model="formCopyLink.copyLink" placeholder="请输入内容"></el-input>
                                </el-form-item>
                                <el-form-item>
                                    <el-select style="width: 100px;" v-model="formCopyLink.apiLink" placeholder="请选择">
                                        <el-option
                                                v-for="item in apiLink"
                                                :key="item.id"
                                                :label="'接口'+item.id"
                                                :value="item.link"
                                        >
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item>
                                    <el-button type="primary" @click="openCopyLinkPlayClick">播放</el-button>
                                </el-form-item>
                            </el-form>
                            <br>
                            <el-link type="success">&nbsp;&nbsp;&nbsp;&nbsp;目前只支持爱奇艺，腾讯视频搜索，请输入要搜索的内容，然后选择视频类型，点击搜索即可
                            </el-link>
                            <el-link type="success">&nbsp;&nbsp;&nbsp;&nbsp;当出现搜索结果后点击要播放的内容，然后选择播放接口即可播放视频，后续功能完善中...
                            </el-link>
                            <el-form :inline="true" :model="formTv" size="mini">
                                <el-form-item class="form100">
                                    <el-input v-model="formTv.name" placeholder="请输入内容"></el-input>
                                </el-form-item>
                                <el-form-item>
                                    <el-select style="width: 100px;" v-model="formTv.type" placeholder="请选择">
                                        <el-option label="电影" value="1"></el-option>
                                        <el-option label="电视剧" value="2"></el-option>
                                        <el-option label="综艺" value="3"></el-option>
                                    </el-select>
                                </el-form-item>
                                <el-form-item>
                                    <el-button type="primary" @click="requestGetTvPlay">搜索</el-button>
                                </el-form-item>
                            </el-form>

                            <tv-movie
                                    :tvMovie="aiqiyiData"
                                    :apiLink="apiLink"
                                    @select-link="selectLinkClick"
                                    @search-click="searchClick"
                            ></tv-movie>

                            <tv-movie
                                    :tvMovie="tencentData"
                                    :apiLink="apiLink"
                                    @select-link="selectLinkClick"
                                    @search-click="searchClick"
                            ></tv-movie>

                        </div>
                        <div class="col-lg-wide-25 col-md-wide-25 col-sm-wide-25 col-xs-1">
                            <div class="friends_link">
                                <h3>友情链接</h3>
                                <template v-for="(item,index) in friendsLink">
                                    <template v-if="item.state == 0">
                                        <template v-if="index%3 ==0">
                                            <a :href="item.link" target="_blank">
                                                <el-tag type="warning">[[item.name]]</el-tag>
                                            </a>
                                        </template>
                                        <template v-else-if="index%4 ==0">
                                            <a :href="item.link" target="_blank">
                                                <el-tag type="success">[[item.name]]</el-tag>
                                            </a>
                                        </template>
                                        <template v-else-if="index%5 ==0">
                                            <a :href="item.link" target="_blank">
                                                <el-tag type="primary">[[item.name]]</el-tag>
                                            </a>
                                        </template>
                                        <template v-else-if="index%7 ==0">
                                            <a :href="item.link" target="_blank">
                                                <el-tag type="danger">[[item.name]]</el-tag>
                                            </a>
                                        </template>
                                        <template v-else>
                                            <a :href="item.link" target="_blank">
                                                <el-tag type="info">[[item.name]]</el-tag>
                                            </a>
                                        </template>
                                    </template>
                                </template>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="myui-foot clearfix">
        <div class="container min">
            <div class="row">
                <div class="col-pd text-center">
                    <p class="margin-0">本网站提供的最新电视剧和电影资源均系收集于各大视频网站，本网站只提供web页面服务，并不提供影片资源存储，也不参与录制、上传

                        若本站收录的节目无意侵犯了贵司版权，请与我们取得联系，我们会及时处理和回复，谢谢！
                    </p>
                </div>
            </div>
        </div>
    </div>
    <ul class="myui-extra clearfix">
        <li>
            <a class="backtop" href="javascript:scroll(0,0)" title="返回顶部" style="display: none;"><i
                    class="fa fa-angle-up"></i></a>
        </li>
        <li>
            <a class="btnskin" href="javascript:;" title="切换皮肤"><i class="fa fa-windows"></i></a>
        </li>
    </ul>
</div>
</body>
<script>


    Vue.component('tv-movie', {
        delimiters: ["[[", "]]"],
        props: ['tvmovie', "apilink"],
        data: function () {
            return {
                apiLinkData: [],
                selectLinkData: '',
            }
        },
        watch: {
            apilink(val) {
                this.apiLinkData = val;
                // console.log(this.apiLinkData)
            }
        },

        methods: {
            searchClick(item) {
                this.$emit('search-click', item)
            },
            selectLink(e, link) {
                $(e.target).addClass("btn-warm").removeClass("btn-").siblings().removeClass("btn-warm").addClass("btn-");
                this.$message({message: "已选择要播放的内容，请选择播放的接口！", duration: 2000, showClose: true, type: "success"});
                this.selectLinkData = link;
            },
            openLinkClick(link) {
                if (!this.selectLinkData) return this.$message({
                    message: "请选择要播放的剧集",
                    duration: 2000,
                    showClose: true,
                    type: "warning"
                });
                window.open(link + this.selectLinkData, '_blank');
            },
        },
        template: `
            <div class="tv_movie">
                <template v-if="tvmovie">
                <h3 class="tv_movie_source">[[tvmovie.source]]</h3>
                    <div class="myui-panel_bd col-pd clearfix">
                            <ul class="myui-vodlist__media clearfix" id="searchList">
                                <li class="active  clearfix">
                                    <div class="thumb">
                                        <a class="myui-vodlist__thumb img-lg-150 img-xs-100 lazyload"
                                           href="javascript:;"
                                           :title="tvmovie.name"
                                           :style="{backgroundImage: 'url('+tvmovie.pic+')'}"
                                        >
                                            <span class="play hidden-xs"></span>
                                            <span class="pic-text text-right">[[tvmovie.name]]</span>
                                        </a>
                                    </div>
                                    <div class="detail">
                                        <h4 class="title">
                                            <a href="javascript:;">[[tvmovie.name]]</a>
                                        </h4>
                                        <p><span class="text-muted">导演：</span>
                                            <template v-for="item in tvmovie.director">
                                                <a href='javascript:;' @click="searchClick(item)">[[item]]</a>&nbsp;
                                            </template>
                                        </p>
                                        <p>
                                            <span class="text-muted">主演：</span>
                                            <template v-for="item in tvmovie.actor">
                                                <a href='javascript:;' @click="searchClick(item)">[[item]]</a>&nbsp;
                                            </template>
                                        <p class="hidden-xs"><span class="text-muted">简介：</span>[[tvmovie.desc]]<a
                                                href="javascript:;">详情 ></a></p>

                                    </div>
                                    <p class="margin-0">
                                           <template v-for="(item,index) in tvmovie.list">
                                           <template v-if="index == 0">
                                           <a class="btn btn-sm btn-warm"
                                                   href="javascript:;"
                                                   @click="selectLink($event,item.link)"
                                                   style="margin: 5px 5px 0 0;"
                                                >
                                                    <i class="fa fa-play"></i>
                                                    [[item.title]]
                                                </a> 
                                            </template>
                                            <template v-else>
                                            <a class="btn btn-sm btn-"
                                                   href="javascript:;"
                                                   @click="selectLink($event,item.link)"
                                                   style="margin: 5px 5px 0 0;"
                                                >
                                                    <i class="fa fa-play"></i>
                                                    [[item.title]]
                                                </a> 
</template>

                                            </template>
                                        </p>
                                </li>
                            </ul>

                            <template v-for="item in apiLinkData">
                                <el-button type="text" @click="openLinkClick(item.link)">接口[[item.id]]</el-button>
                            </template>

                        </div>
                </template>
            </div>

        `
    });

    let app = new Vue({
        delimiters: ["[[", "]]"],
        el: "#app",
        data: {
            line: 1,
            inout: 1,
            formSearch: "",
            navbar: {},

            formCopyLink: {
                copyLink: "",
                apiLink: "",
            },
            formTv: {
                name: "哪吒之魔童降世",
                type: "1",
            },
            apiLink: [],
            friendsLink: [],
            aiqiyiData: null,
            tencentData: null,
            selectLink: null,

        },
        mounted() {
            this.line = localStorage.getItem("line") ? localStorage.getItem("line") : 1;
            this.navbar = this.line == 1 ? navbar1 : navbar2;
            this.requestGetMockApiLink();
            this.requestGetMockFriendsLink();
        },
        methods: {

            requestGetTvPlay() {
                if (!this.formTv.name) return this.$message({
                    message: "请输入要播放的内容",
                    duration: 2000,
                    showClose: true,
                    type: "warning"
                });
                let layerLoad = layer.load(1, {
                    shade: [.6, '#000'],
                });
                let data = {...this.formTv};
                requestFunc(null, '/tool/tvplay', data, (data) => {
                    layer.close(layerLoad);
                    if (!data.aiqiyi) return this.$message({
                        message: "爱奇艺没搜到数据",
                        duration: 2000,
                        showClose: true,
                        type: "warning"
                    });
                    if (!data.tencent) return this.$message({
                        message: "腾讯没搜到数据",
                        duration: 2000,
                        showClose: true,
                        type: "warning"
                    });
                    this.aiqiyiData = data.aiqiyi;
                    this.tencentData = data.tencent;
                })
            },
            requestGetMockApiLink() {
                requestFunc('get', '/static/mock/apiLink.json', null, (data) => {
                    this.apiLink = data;
                })
            },
            requestGetMockFriendsLink() {
                requestFunc('get', '/static/mock/friendsLink.json', null, (data) => {
                    this.friendsLink = data;
                })
            },
            selectLinkClick(link) {
                this.selectLink = link;
            },

            openCopyLinkPlayClick() {
                if (!this.formCopyLink.copyLink) return this.$message({
                    message: "请输入要播放 url 链接",
                    duration: 2000,
                    showClose: true,
                    type: "warning"
                });
                if (!this.formCopyLink.apiLink) return this.$message({
                    message: "请选择要播放的接口",
                    duration: 2000,
                    showClose: true,
                    type: "warning"
                });
                window.open(this.formCopyLink.apiLink + this.selectLink, '_blank');
            },

            lineClick(line) {
                localStorage.setItem("line", line);
                location.href = "/";
            },
            inoutClick(aside) {
                this.inout = aside;
            },
            searchClick(searchword) {
                if (searchword == "") {
                    this.$message({message: "请输入搜索内容", duration: 1500, showClose: true, type: "warning"});
                    return false;
                }
                if (this.inout == 1) {
                    location.href = "/search?page=1&searchword=" + searchword;
                } else if (this.inout == 2) {
                    location.href = "/out?searchword=" + searchword;
                }
            },
            goDoubanClick() {
                location.href = "/douban";
            },
            goToolClick() {
                location.href = "/tool";
            }

        },
    });

</script>
<script type="text/javascript" src="/static/default/images/mytheme-site-v=2.2.js"></script>
<script type="text/javascript">
    MyTheme.Images.Qrcode.Init();
    MyTheme.Link.Short();
    MyTheme.Other.Skin();
    MyTheme.Other.Share();
</script>
</html>